<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>控制台</title>
    <link rel="stylesheet" href="../src/css/bootstrap.min.css">
    <link rel="stylesheet" href="../src/css/font-awesome.min.css">
    <link rel="stylesheet" href="../src/css/style.min.css">
    <script src="../src/js/jquery-3.3.1.min.js"></script>
    <script src="../src/js/bootstrap.min.js"></script>
</head>
<body>
            <section class="content-container">

                <div class="content-wrapper">
                    <div class="bread-crumb">
                        <h5 class="b-inner clearfix">
                            <b class="tit">会员资料</b>
                            <span class="float-right">
                                <button type="button" class="btn btn-primary">
                                    <i class="fa fa-plus"></i> 添加用户
                                </button>
                            </span>
                        </h5>

                    </div>
                    <form class="form-inline">
                        <div class="form-group mr-2">
                            <label>姓名：</label>
                            <input type="text" class="form-control">
                        </div>
                        <div class="form-group mr-2">
                            <label>手机号：</label>
                            <input type="text" class="form-control">
                        </div>
                        <button type="submit" class="btn btn-info mr-2"><i class="fa fa-search"></i> 搜索</button>
                        <button type="submit" class="btn btn-danger"><i class="fa fa-refresh"></i> 重置</button>
                    </form>
                    <br>
                    <table class="table table-hover">
                        <thead>
                            <tr class="table-info-bg">
                                <th>

                                </th>
                                <th>
                                    <div class="cell">编号</div>
                                </th>
                                <th>
                                    <div class="cell">姓名</div>
                                </th>
                                <th>
                                    <div class="cell">性别</div>
                                </th>
                                <th>
                                    <div class="cell">年龄</div>
                                </th>
                                <th>
                                    <div class="cell">生日</div>
                                </th>
                                <th>
                                    <div class="cell">地址</div>
                                </th>
                                <th>
                                    <div class="cell">操作</div>
                                </th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>1</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_info.html">熊丽</a>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">41</div>
                                </td>
                                <td>
                                    <div class="cell">1987-08-12</div>
                                </td>
                                <td>
                                    <div class="cell">澳门特别行政区 离岛 -</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>2</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">万娟</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">34</div>
                                </td>
                                <td>
                                    <div class="cell">2015-07-05</div>
                                </td>
                                <td>
                                    <div class="cell">香港特别行政区 新界 沙田区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>3</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">雷娜</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">48</div>
                                </td>
                                <td>
                                    <div class="cell">1995-03-01</div>
                                </td>
                                <td>
                                    <div class="cell">贵州省 安顺市 平坝县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>4</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">罗秀兰</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">37</div>
                                </td>
                                <td>
                                    <div class="cell">2005-02-02</div>
                                </td>
                                <td>
                                    <div class="cell">北京 北京市 石景山区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>5</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">黄伟</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">58</div>
                                </td>
                                <td>
                                    <div class="cell">1972-11-04</div>
                                </td>
                                <td>
                                    <div class="cell">上海 上海市 松江区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>6</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">万强</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">49</div>
                                </td>
                                <td>
                                    <div class="cell">1983-10-24</div>
                                </td>
                                <td>
                                    <div class="cell">西藏自治区 昌都地区 八宿县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>7</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">郭明</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">48</div>
                                </td>
                                <td>
                                    <div class="cell">1975-08-13</div>
                                </td>
                                <td>
                                    <div class="cell">四川省 资阳市 简阳市</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>8</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">梁桂英</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">19</div>
                                </td>
                                <td>
                                    <div class="cell">1971-07-25</div>
                                </td>
                                <td>
                                    <div class="cell">海南省 三沙市 西沙群岛</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>9</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">黄霞</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">31</div>
                                </td>
                                <td>
                                    <div class="cell">1970-05-20</div>
                                </td>
                                <td>
                                    <div class="cell">湖南省 衡阳市 珠晖区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>10</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">魏强</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">45</div>
                                </td>
                                <td>
                                    <div class="cell">2011-06-05</div>
                                </td>
                                <td>
                                    <div class="cell">上海 上海市 虹口区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>11</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">吴洋</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">50</div>
                                </td>
                                <td>
                                    <div class="cell">2008-11-10</div>
                                </td>
                                <td>
                                    <div class="cell">青海省 果洛藏族自治州 玛多县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>12</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">魏平</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">20</div>
                                </td>
                                <td>
                                    <div class="cell">2007-04-19</div>
                                </td>
                                <td>
                                    <div class="cell">山西省 晋城市 泽州县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>13</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">范秀英</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">22</div>
                                </td>
                                <td>
                                    <div class="cell">2003-03-10</div>
                                </td>
                                <td>
                                    <div class="cell">浙江省 宁波市 余姚市</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>14</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">蒋强</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">37</div>
                                </td>
                                <td>
                                    <div class="cell">2015-10-01</div>
                                </td>
                                <td>
                                    <div class="cell">吉林省 白山市 其它区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>15</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">姜刚</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">58</div>
                                </td>
                                <td>
                                    <div class="cell">2005-07-03</div>
                                </td>
                                <td>
                                    <div class="cell">辽宁省 朝阳市 凌源市</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>16</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">周明</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">33</div>
                                </td>
                                <td>
                                    <div class="cell">2012-01-09</div>
                                </td>
                                <td>
                                    <div class="cell">海南省 海口市 琼山区</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>17</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">夏磊</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">34</div>
                                </td>
                                <td>
                                    <div class="cell">1992-12-19</div>
                                </td>
                                <td>
                                    <div class="cell">吉林省 白山市 长白朝鲜族自治县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>18</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">吴艳</div>
                                </td>
                                <td>
                                    <div class="cell">女</div>
                                </td>
                                <td>
                                    <div class="cell">53</div>
                                </td>
                                <td>
                                    <div class="cell">2018-05-31</div>
                                </td>
                                <td>
                                    <div class="cell">甘肃省 定西市 陇西县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>19</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">田军</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">44</div>
                                </td>
                                <td>
                                    <div class="cell">1981-07-23</div>
                                </td>
                                <td>
                                    <div class="cell">广西壮族自治区 南宁市 武鸣县</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell"><input type="checkbox"></div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <div>20</div>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">龙霞</div>
                                </td>
                                <td>
                                    <div class="cell">男</div>
                                </td>
                                <td>
                                    <div class="cell">47</div>
                                </td>
                                <td>
                                    <div class="cell">2015-01-20</div>
                                </td>
                                <td>
                                    <div class="cell">海外 海外 -</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <a href="user_edit.html" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <button type="button" class="btn btn-outline-danger btn-sm">删除</button>
                                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target=".j-open-set-password">重置密码</button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr class="table-info-bg">
                                <th>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </th>
                                <th colspan="8">
                                    <div class="cell">
                                        <div class="form-inline">
                                            <label for="exampleFormControlSelect1" class="mr-3">全选</label>
                                            <select class="form-control" id="exampleFormControlSelect1">
                                                <option>批量操作</option>
                                                <option>删除</option>
                                            </select>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                    <nav aria-label="...">
                        <ul class="pagination">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" tabindex="-1">Previous</a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item active">
                                <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item"><a class="page-link" href="#">6</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#">Next</a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </section>

    <!-- Modal -->
    <div class="modal fade j-open-set-password" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">重置密码</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form class="mx-auto" style="width: 80%;">
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">用户名：</label>
                            <div class="col-sm-8">
                                <input type="text" readonly class="form-control-plaintext" value="小小番茄">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">新密码：</label>
                            <div class="col-sm-8">
                                <input type="password" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">确认新密码：</label>
                            <div class="col-sm-8">
                                <input type="password" class="form-control">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>